<template>
	<view class="accountStetting">
		<view class="center-list">
		   <view>
			<navigator url="./languageSettings"  class="center-item" >
			 <view class="item-center">
			 	<view>语言设置</view>
			 </view>
			 <view class="item-right">
			 	<uni-icons color="#7FC9D1" size="16" type="arrowright" />
			 </view>
			</navigator>
		 </view>
		 <view class="center-item" >
		 	<view class="item-center">
		 		<view>短信通知</view>
		 	</view>
		 		<form class="item-right">
					  <switch name="switch" />
				</form>
		 </view>
			<view class="btn_box">
				<button @click="handleLoginOut">退出登录</button>
			</view>
		</view>
	</view>
</template>

<script>
	import uniIcons from '@/components/uni-icons/uni-icons.vue'
	import uniForms from '@/components/uni-forms/uni-forms.vue'
	export default {
		components: {
			uniIcons,
			uniForms
		},
		data(){
			return{
			}
		},
		methods: {
			handleLoginOut() {
				uni.navigateTo({
					url: "/pages/auth/login"
				})
			}
		},
	}
</script>

<style lang="scss">
	.btn_box {
		margin: 60upx 0 30upx 0;
		button {
			// @include theme('btn_bg');
			background-color: #FFA07A;
			color: #fff;
			height: 92upx;
			line-height: 92upx;
			border-radius: 8upx;
		}
	}
.accountStetting{
	position: relative;
 .center-list{
	 position: absolute;
	 top: 20rpx;
	 right: 0;
	 left: 0;
	 background: #fff;
 	.center-item{
 	  display: flex;
 	  justify-content: space-between;
 	  padding: 15rpx 0;
 	  border-bottom:1px solid #F9FAF9 ;
 	  .item-center{
 	  	width: 80%;
		margin-left: 20rpx;
 	  }
 	  .item-right{
		text-align: right;
		margin-right: 20rpx;
 	  	width: 20%;
 	  }
 			
 	}
 		
 	}
 }	
</style>